@import "layout.css";
@import "modules.css"; 


:root{
 --text-color:         #333;  
  --background:        #fafafa;
    
  --btn:         white;
  --btn-accent:  #bbb;
  --btn-text:    black;
}





body{
    font-family: Roboto, Sans serif;
    color: var(--text-color);
    background: var(--background);
}





.sections-list{
    font-size: 18px;
    font-weight: 400;
}


ul{
    margin: 0;
}


/* btn */
li{
    list-style-type: none;
    text-decoration: none;
}

a{
    text-decoration: none;
    color: var(--btn-text);
}








h1{margin: 1em 0em 0.1em 0;}

h2{ margin-top: 2.0em;}

h3{margin-top: 1.5em;}










footer a{
    font-size: 1rem;
    color: gray;
    text-decoration: none
}

/* для ссылки в самом низу страницы */
.github-link{
    margin-top: 5em;
}





@media screen and (max-width: 1000px){
    
    body, li{
        font-size: 30px;
    }
    
    h1{
        font-size: 36px; 
        line-height: 0.9em;
        color: #666;
    }
    
    h2{
        font-size: 40px;
    }
    
}